{{template "admin/public/head.html" .}}
<section>
	<aside>
		{{template "admin/public/nav.html" .}}
	</aside>
	<style type="text/css">
		.mask .mask-content{height: 27vh}
		.img-1{height: 80px !important;width: 80px!important;}
		.gray{background: rgba(235,235,235,0.5);}
	</style>
	<article>
		<div class="top-title">
			<dl>
				<dt><h1>{{.title}}</h1></dt>
				<dd></dd>
			</dl>
		</div>
		<div class="nav1">
			<ul>
				<a href="/admin/order/statistics"><li {{if eq .status ""}}class="no"{{end}}>全部订单</li></a>
				<a href="/admin/order/statistics?status=1"><li {{if eq .status "1"}}class="no"{{end}}>待付款</li></a>
				<a href="/admin/order/statistics?status=2"><li {{if eq .status "2"}}class="no"{{end}}>已付款</li></a>
			</ul>
		</div>
		<div class="content">
			<style>
				.tableselect{width: 22%;height: 40px;}
				.tableinput{border:1px #666 solid !important;width: 22%;height: 38px;padding-left: 5px}
				.button{margin: 0 !important;float: left !important;}
			</style>
			<div class="release">
				<form>
					<dl>	
						<dt>
							<input type="text" name="stime" placeholder="请选择开始时间" class="tableinput" readonly value="{{.stime}}">
							<input type="text" name="etime" placeholder="请选择结束时间" class="tableinput" readonly value="{{.etime}}">
							<input type="number" name="search" placeholder="请输入您需要搜索的订单或手机号！" class="tableinput" value="{{.search}}" style="width: 40%;">
							<input type="hidden" name="status" value="{{.status}}">
						</dt>
						<dd><input type="submit" class="button"></button></dd>
					</dl>
				</form>
			</div>

			<table class="table">
				<thead><th width="20%">客户姓名</th><th width="20%">订单编号</th><th width="20%">订单金额</th><th width="20%">状态</th><th width="20%">详情</th></thead>
				{{range $k,$v:=.info}}
				
				<tr id="{{.id}}" >
					<td>
						{{$v.monicker}}
					</td>
					<td>
						<a href="/admin/order/content?id={{.id}}" class="tz">{{$v.ordernum}}</a><br>
					</td>
					<td>
						&yen;{{$v.money}}
					</td>
					<td class="operation">
						{{if eq $v.status "1"}}
						<b style="color:#666">待付款</b>
						{{else if eq $v.status "2"}}
						<b style="color:red">待发货</b>
						{{else if eq $v.status "3"}}
						<b style="color:#009900">待收货</b>
						{{else if eq $v.status "4"}}
						<b style="color:#00ffff">待评价</b>
						{{else if eq $v.status "4"}}
						<b>已完成</b>
						{{end}}
					</td>
					<td>
						<a href="/admin/order/content?id={{$v.id}}">详情</a><br>
					</td>
				</tr>				
				{{end}}
				{{if ne .paginator.totalpages 1}}
					<tr>
						<td  colspan="5">
							<div class="paging">
								{{if ne .paginator.currpage 1}}
								<a href="{{$.url}}page={{.paginator.firstpage}}">首页</a>
								<a href="{{$.url}}page={{.paginator.prevpage}}">&lt;&lt;</a>
								{{else}}
								<a class="disable">首页</a>
								<a class="disable">&lt;&lt;</a>
								{{end}}
								{{range $index,$page := .paginator.pages}}
								{{if eq $.paginator.currpage $page}} 
								<a class="no">{{$page}}</a>
								{{else}}
								<a href="{{$.url}}page={{$page}}">{{$page}}</a>
								{{end}}
								{{end}}
								{{if eq .paginator.currpage .paginator.totalpages}}
								<a class="disable">&gt;&gt;</a>
								<a class="disable">尾页</a>
								{{else}}
								<a href="{{$.url}}page={{.paginator.nextpage}}">&gt;&gt;</a>
								<a href="{{$.url}}page={{.paginator.totalpages}}">尾页</a>
								{{end}}
							</div>
						</td>
					</tr>
				{{end}}
				<tr>
					<td  colspan="5">
						<p style="text-align: right;">
						订单总数 : {{.count}}&nbsp;&nbsp;
						合计:<span style="color:red">&yen;{{if .money}}{{.money}}{{else}}0.00{{end}}</span>
						</p>
					</td>
				</tr>
			</table>


		</div>
	<div class="mask">
		<div class="mask-content">
			<form id="parameter">
				<table class="table1">
					<thead><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th></thead>
					<tr>
						<td class="genre" colspan="2">原价</td>
						<td colspan="6">
							<input type="text" class="input95" placeholder="请输入要修改的价格！" readonly="" id="money">
						</td>
					</tr>
					<tr>
						<td class="genre" colspan="2">价格</td>
						<td colspan="6">
							<input type="text" class="input95" placeholder="请输入要修改的价格！" name="price">
						</td>
					</tr>
				</table>
				<input type="hidden" name="id">
			</form>
			<p id="tip"></p>
			<div class="mask-form">
				<dl>
					<dt>
						<button id="qr">保存</button>
						<button id="cancle">取消</button>
					</dt>
					<dd>
					</dd>
				</dl>
			</div>
		</div>
	</div>
	<style type="text/css">
		.maskdriver{position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 10000;width: 100vw;height: 100vh;display: none;}
		.maskdriver ul{height: 40vh;width: 150px;position: absolute;top: 30vh;left: calc(50% - 75px);z-index: 10001;background: #fff;
			overflow-y: scroll;padding: 15px}
		.maskdriver ul li{width: 100%;overflow:hidden;padding: 5px 0;border-bottom: 1px solid #eee}
		.maskdriver ul li img{width: 40px;height: 40px;float: left;}
		.maskdriver ul li div{width:calc(100% - 40px)height:40px;float: left;}
		.maskdriver ul li div p{line-height: 20px;font-size: 14px;padding-left: 10px}
		.maskdriver ul li div p:nth-of-type(2){font-size: 12px;color: #666}
	</style>
	<div class="maskdriver">
		<ul>
			{{range .driver}}
			<li class="driverlist" data-id="{{.id}}" data-monicker="{{.monicker}}">
				<img src="{{.pathname}}">
				<div>
					<p>{{.monicker}}</p>
					<p>{{.name}}</p>
				</div>
			</li>
			{{end}}
		</ul>
	</div>
	</article>
</section>
<footer></footer>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/jquery.jedate.min.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/toast.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/uppic.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/xcConfirm.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/app.js"></script>
<script>
	$("input[name=stime]").jeDate({
	    isinitVal:false,
	    festival: false,
	    isToday:true, 
	    format: 'YYYY-MM-DD'
	});
	$("input[name=etime]").jeDate({
	    isinitVal:false,
	    festival: false,
	    isToday:true, 
	    format: 'YYYY-MM-DD'
	});
</script>
</body>
</html>
